<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_超链接</title>
</head>
<body>
    <a href="https://www.baidu.com/index.htm">百度一下</a>
    <a href="https://www.tmooc.cn/">达内</a>
    <hr>
    <a href="02_基础标签.html">打开今日的第2个页面</a>
    <a href="05_表格插入.html">展示今日表格</a>
    <h3>图片超链接</h3>
    <a href="https://www.tmooc.cn/course/304761.shtml">
        <img src="img.png" width="200">
    </a>
    <h3>锚点</h3>
    <h1>西游记</h1>
    <a href="#c1">快速跳转至第一章</a>
    <a href="#c2">快速跳转至第二章</a>
    <a href="#c3">快速跳转至第三章</a>
    <a href="#c4">快速跳转至第四章</a>
    <h3 id="c1">第一章 石猴出世</h3>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga nemo perferendis quas quisquam repellat? Ad aspernatur assumenda atque consectetur dolor ducimus hic minima, mollitia optio quia quidem velit, vitae voluptate.</span><span>Ab alias animi aperiam corporis cum delectus, est ipsum iste libero minus molestiae placeat porro qui quos rem rerum tempora voluptas. Debitis ducimus facilis labore officia qui reprehenderit, velit. Suscipit.</span><span>Assumenda blanditiis cumque debitis dolore eos excepturi exercitationem laborum molestiae necessitatibus nostrum quaerat quisquam quo quod rem tempora, veniam vitae voluptas. Aliquam dolorum excepturi iusto nam numquam temporibus veniam, vitae.</span><span>Asperiores at cum deleniti dignissimos dolores eaque ex fuga hic id illum incidunt ipsum nisi nostrum, nulla numquam odio officia quia quos repellat sapiente sed soluta sunt ut. Harum, maiores.</span><span>Ab aperiam aspernatur consequuntur delectus ea eaque fugiat in incidunt inventore ipsa iste itaque laudantium magni maiores neque nihil, porro praesentium quae quasi qui reiciendis repellat reprehenderit sed tempora voluptatem.</span><span>Adipisci atque consequatur dolore, doloribus exercitationem illum ipsum iste nobis praesentium quis quo temporibus totam veniam. Deserunt ea et impedit iste porro, provident quas recusandae, sed sit totam, veniam voluptatibus.</span><span>Magnam nesciunt officia quia quos repellat rerum similique voluptates. Alias aspernatur cupiditate dolor dolore dolorem dolorum earum esse fugit labore magni modi natus non numquam odio, quae repudiandae sequi soluta?</span><span>Dolor, dolore, doloremque doloribus earum eligendi et ex explicabo facere id itaque maiores minus nesciunt nihil numquam obcaecati optio perspiciatis porro praesentium quasi saepe! Culpa dolorem illo magnam quaerat sapiente?</span><span>Beatae consectetur corporis dignissimos dolorum esse expedita explicabo fugit harum impedit maxime minus natus nisi numquam optio quibusdam quidem repellat repudiandae, saepe sed similique sint tempore vel voluptates voluptatibus voluptatum!</span><span>Consequatur, incidunt mollitia non quisquam quos suscipit. Earum non nostrum repudiandae sapiente soluta. Ad alias deserunt dignissimos omnis quae similique voluptatem. Beatae distinctio non quasi, ratione reiciendis sunt tempore. Tempore!</span> ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam animi aperiam asperiores at atque</p>
    <h3 id="c2">第二章 蓬莱学艺</h3>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolores fugiat illo incidunt iusto praesentium quam quo! Animi aperiam, beatae consequuntur cupiditate exercitationem fugit illum iure minima molestiae quasi, reiciendis?</span><span>Consequatur dolor doloremque in iure repellat, veniam? Dignissimos dolor iste nam nulla quod sapiente sit suscipit ut vitae voluptates! Ad animi debitis deleniti eius esse ex exercitationem laborum libero quibusdam!</span><span>Amet aperiam dolore enim est illo non? Accusantium, aliquid at autem commodi culpa cumque cupiditate distinctio dolore error maiores officia placeat quas quis quos sed ut vero vitae voluptatum! Rem.</span><span>Culpa cumque harum magnam nemo repellendus! Impedit minus, mollitia natus officiis quidem ut velit? Accusamus alias aliquid architecto atque, dolores ex fugit itaque minus molestias nam nobis provident temporibus, ullam.</span><span>Ab accusamus ad alias autem consectetur delectus dignissimos dolorem dolores et, fugiat illo ipsum maxime mollitia pariatur quas quasi, soluta tempore veniam vitae voluptas! Eaque impedit nobis porro temporibus tenetur?</span><span>Distinctio eligendi error itaque provident, quis recusandae sint unde velit voluptatem! Aliquam deserunt eligendi et labore nisi omnis qui quo sed sunt, tempore. Eaque eos fuga magni odio praesentium provident!</span><span>Ab animi consequatur culpa dignissimos dolorem ea impedit iusto labore maxime neque quia sit, unde veniam! A accusantium eveniet recusandae ut. Ad, officia quae qui quis quod quos tempore temporibus?</span><span>Aliquid culpa error hic impedit incidunt porro temporibus? Excepturi explicabo minus quaerat tempore ut! Ab adipisci, maxime perferendis provident similique soluta tenetur? Alias amet architecto aut eos iusto nostrum sapiente?</span><span>Eaque, est, qui. Ad delectus distinctio dolor dolorem ea, error esse expedita illum itaque mollitia nobis nulla pariatur perspiciatis possimus quas quia rerum soluta tenetur ut vel. Nemo, ullam vero.</span><span>Commodi dolor facilis fuga non officiis rem repellendus? Atque eligendi fugit impedit, in maxime neque perspiciatis quaerat quas quo quod, recusandae sequi suscipit. Asperiores dolore nihil officiis perspiciatis provident quo.</span> ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam animi aperiam asperiores at atque</p>
    <h3 id="c3">第三章 龙宫借宝</h3>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A accusamus asperiores dignissimos eius in ipsam laudantium mollitia natus nesciunt nobis officiis placeat quibusdam quod repellat, reprehenderit, similique, sit veniam voluptate?</span><span>Animi, aspernatur at atque aut, cumque deserunt, ducimus ea eaque error ipsam itaque labore laudantium minima molestias nam natus nihil non omnis porro quae ratione sapiente tempora totam ut voluptatibus!</span><span>Aspernatur at explicabo illo itaque ratione reiciendis tenetur? Adipisci aperiam consequatur inventore, odio omnis quo repellat velit! Aut, est et id, nam quasi quidem quod reprehenderit soluta veniam voluptates voluptatum!</span><span>Accusamus ad deserunt dolores error, et ipsam iusto, maiores maxime nostrum odio optio quam sequi. Aperiam ex quia quis, repudiandae sit soluta. Dolor dolorum hic libero quae rem sapiente vero.</span><span>Aspernatur minima odio optio, pariatur quo quod tempore voluptatum. Commodi cupiditate deleniti distinctio dolorem dolores facilis inventore natus nihil, non veritatis. Architecto deserunt dolorum facere fugiat molestias perspiciatis provident totam!</span><span>Ab aliquid deserunt eius possimus quia? Ad aspernatur, beatae deserunt iste nemo nostrum officiis reprehenderit. Ad amet atque, consectetur eaque earum laudantium maiores odio, quia quidem, quos unde velit voluptate!</span><span>Deleniti dolorum error excepturi natus nesciunt nulla possimus veniam vero? Ad adipisci amet consequuntur cum dolor facilis id ipsa natus, obcaecati provident quia, sequi similique soluta suscipit, totam veniam vitae!</span><span>Amet aperiam cupiditate deserunt dicta, distinctio dolorem eos hic illo ipsa itaque molestiae, mollitia nulla, veniam. Aliquid beatae debitis deleniti dolor, enim explicabo harum in incidunt, repellendus rerum vel voluptas.</span><span>Doloremque ex ipsum laborum quam repellat sit voluptatibus voluptatum. Atque beatae maxime officiis. Consequatur doloribus facilis hic illum ipsam labore, laudantium non quas quo voluptatibus! Ab cum id maiores neque!</span><span>Aperiam consectetur culpa deleniti dolores enim explicabo laudantium magni minus optio vero. Aliquid corporis deserunt dolor dolorem fugiat hic numquam, possimus quo rem sed! Consequatur corporis dolor labore molestiae repellat.</span> ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam animi aperiam asperiores at atque</p>
    <h3 id="c4">第四章 大闹地府</h3>
    <p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic, natus, ratione? Architecto commodi consectetur consequatur consequuntur doloribus excepturi, hic, ipsam itaque natus pariatur suscipit totam, ullam veritatis vero voluptatem! Dolore.</span><span>Architecto asperiores cum deleniti dolor dolore dolorum, ea excepturi, illo iste nemo nostrum odit pariatur quia quisquam sit soluta voluptatem! Animi aspernatur facilis fugit iusto nesciunt nostrum, obcaecati quasi quisquam?</span><span>Architecto atque, error eum numquam placeat quam temporibus! Dolore dolorem est et incidunt iure nisi tempora totam! Animi autem deleniti ea ipsam molestiae pariatur possimus quaerat totam. Nihil, placeat, tenetur.</span><span>Ab aliquid autem consequuntur, iste minus odio perferendis recusandae reprehenderit tempora voluptas. Animi cumque exercitationem fugit repellat suscipit! Assumenda aut culpa fugiat, ipsam porro possimus quia quo similique vero voluptate.</span><span>Architecto at atque blanditiis deleniti, ea magni ratione. At aut distinctio enim esse est harum illo illum in magnam maiores nisi obcaecati, perspiciatis recusandae repellat sequi totam veniam, vero voluptate?</span><span>Beatae incidunt molestias nam quae tempora. Aspernatur corporis, illo numquam quisquam totam unde! Aliquam aperiam architecto aut dolorem est excepturi ipsa itaque iure neque porro rem sed velit voluptatibus, voluptatum?</span><span>Fugiat id ipsam non pariatur perferendis quos, sequi tempora totam voluptas voluptates. Ad aspernatur consequatur fuga, ipsum molestias necessitatibus nulla odio perferendis, porro praesentium quia quidem, quis sed unde ut.</span><span>Ad ducimus, fuga magni officiis placeat quidem quo sapiente similique ut vero. A consectetur consequatur cum, dolore facilis fuga magnam minus nulla quasi quibusdam ratione saepe, sapiente temporibus veniam voluptatibus?</span><span>Ab cumque dolorem ea eius excepturi magnam nemo provident repellat sequi sunt totam, veniam vitae! Alias debitis ea eaque illum ipsam iure, laudantium officia recusandae sapiente soluta suscipit, unde ut!</span><span>Architecto, at autem beatae blanditiis consectetur cum deleniti dolore doloribus eius enim esse ex laborum molestias natus odio pariatur perspiciatis placeat quia reiciendis saepe ut veniam vitae voluptatem voluptates voluptatum.</span> ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquam animi aperiam asperiores at atque</p>
    <a href="#">快速跳转到页面顶部</a>
</body>
</html>